<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <include file="Public:resource"/>
    <title>缴费查询</title>
</head>
<body>
<div class="container">
    <include file="Public:topWithoutBack" title="缴费查询"/>

    <empty name="relevanceModel">
        <div class="row" style="margin-top: 50px;">
            <div class="col-xs-12 col-sm-12 col-mg-12 col-md-12" style="font-size: medium;" align="center">
                您尚未绑定任何水费账号
            </div>
        </div>
        <div class="row" style="margin-top: 10px;">
            <div><input type="button" class="btn btn-lg btn-block jss-button"
                        onclick="onBind() " value="立即绑定"/>
            </div>
        </div>
        <else/>

        <form action="{:U('feeSearchResult')}" method="post" id="searchForm">
            <div class="row" align="left" style="margin-top: 10px;">
                <div class="col-xs-4 col-md-4 col-sm-4 col-lg-4 align-to-input">
                    水费账号
                </div>
                <div class="col-xs-8 col-md-8 col-sm-8 col-lg-8">
                    <select class="select" name="userid">
                        <foreach name="relevanceModel" item="relevance">
                            <option value="{$relevance.userid}">{$relevance.userid}</option>
                        </foreach>
                    </select>
                </div>
            </div>
            <div class="row" align="left" style="margin-top: 10px;">
                <div class="col-xs-4 col-md-4 col-sm-4 col-lg-4 align-to-input">
                    年份
                </div>
                <div class="col-xs-8 col-md-8 col-sm-8 col-lg-8">
                    <select name="year" id="year" class="select">
                        <script>
                            var years = getLatestYears(3);
                            $.each(years, function (index, item) {
                                writeOption(item, item + "年");
                            })
                        </script>
                    </select>
                </div>
            </div>
        </form>
        <div class="row" style="margin-top: 20px;">
            <div class="col-xs-12 col-sm-12 col-mg-12 col-md-12">
                <div><input type="button" class="btn btn-lg btn-block jss-button"
                            onclick="onSearch() " value="查询"/>
                </div>
            </div>
        </div>

    </empty>

    <include file="Public:menu"/>
</div>
<script>
    function onSearch() {
        $("#searchForm").submit();
    }
</script>
</body>
</html>